.logon {
  width          : 100vw;
  height         : 100vh;
  display        : flex;
  justify-content: center;
  align-items    : center;
  background     : #f0f2f5;
  padding        : 20px;

  :global {
    .adm-list {
      width: 100%;
    }
  }
}

.logon-card {
  width     : 100%;
  max-width : 400px;
  padding   : 20px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  .title {
    font-size    : 24px;
    font-weight  : bold;
    text-align   : center;
    margin-bottom: 20px;
  }
}

.password {
  display    : flex;
  align-items: center;

  .input {
    flex: auto;
  }

  .eye {
    flex       : none;
    margin-left: 8px;
    padding    : 4px;
    cursor     : pointer;

    svg {
      display  : block;
      font-size: var(--adm-font-size-7);
    }
  }
}